<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.1.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<title>Insert title here</title>
<script src="nu.js"></script>
</head>
<body>
<section id="myInfoPage" data-role="page" data-add-back-btn="true"> 
      <header data-role="header" data-position="fixed">
      <a href="menu.nu" data-role="button" class="ui-btn-right" data-icon="home">Home</a>
         <center><img src="././img/user.png" height="50"></center>
      </header>
      <div align="center" class="content" data-role="content">
      <c:choose>
      	<c:when test="${sessionScope.login.savefilename=='default.png'}">
      		<img src="img/default.png" width="200px"><br>
      	</c:when>
      	<c:otherwise>
      		<img src="uploadFile/${sessionScope.login.savefilename}" width="200px" ><br>
      	</c:otherwise>
      </c:choose>
      	 <p><font size="5">${sessionScope.login.id}님의 칭호</font></p>
      	 <table>
      	 	<tr>
      	 		<td width="30%"><center><img src="././img/pen.png" height="40"></center></td>
      	 		<td width="50%"><p>${sessionScope.login.study_nick}</p>
      	 			<p><font size="2" color="#8C8C8C">${requestScope.nvo.study_nick }</font></p>
      	 		</td>
      	 	</tr>
      	 	<tr>
      	 		<td width="30%"><center><img src="././img/heart.png" height="40"></center></td>
      	 		<td width="50%"><p>${sessionScope.login.sports_nick}</p>
      	 			<p><font size="2" color="#8C8C8C">${requestScope.nvo.sports_nick }</font></p>
      	 		</td>
      	 	</tr>
      	 	<tr>
      	 		<td width="30%"><center><img src="././img/nosmoking.png" height="40"></center></td>
      	 		<td width="50%"><p>${sessionScope.login.smoking_nick}</p>
      	 			<p><font size="2" color="#8C8C8C">${requestScope.nvo.smoking_nick }</font></p>
      	 		</td>
      	 	</tr>
      	 	<tr>
      	 		<td width="30%"><center><img src="././img/banknote.png" height="40"></center></td>
      	 		<td width="50%"><p>${sessionScope.login.finance_nick}</p>
      	 			<p><font size="2" color="#8C8C8C">${requestScope.nvo.finance_nick }</font></p>
      	 		</td>
      	 	</tr>
      	 	<tr>
      	 		<td width="30%"><center><img src="././img/shop.png" height="40"></center></td>
      	 		<td width="50%"><p>${sessionScope.login.living_nick}</p>
      	 			<p><font size="2" color="#8C8C8C">${requestScope.nvo.living_nick }</font></p>
      	 		</td>
      	 	</tr>
      	 </table>
         <form action="updatePage.nu" method="post">
         <button><input type="image" src="././img/update_font.png" height="20"></button>
         <!-- <input type="submit" value="회원정보 수정하기"> -->
         </form>
      </div>
    <footer data-role="footer" data-position="fixed">
    	<center><p><img src="././img/footer.png" height="15"></p></center>
    </footer>
  </section>
</body>
</html>